<template>
	<!-- <el-config-provider :locale="en">
		<router-view />
	</el-config-provider> -->
	<h1>Validate Your Card</h1>
    <form id="card-form">
        <div id="card-element"></div>
        <button type="submit">Validate</button>
        <div id="card-errors"></div>
        <div id="validation-result"></div>
    </form>
</template>

<script setup lang="ts" >
import { ElConfigProvider } from 'element-plus';
// import zhCn from 'element-plus/es/locale/lang/zh-cn';
import en from 'element-plus/es/locale/lang/en'

// import { useThemeStore } from './store/theme';

// const theme = useThemeStore();
// theme.initTheme();

</script>
<style lang="less">
@import './assets/css/main.css';
#card-element { width: 300px; padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; }
        #card-errors { color: red; }
</style>
